<%--
  Created by IntelliJ IDEA.
  User: 29265
  Date: 2024/12/25
  Time: 15:27
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户注册</title>
    <style>
        /* 页面整体背景颜色及字体设置 */
        body {
            background-color: #f4f4f4;
            font-family: Arial, sans-serif;
        }
        /* 表单样式 */
        form {
            width: 300px;
            margin: 50px auto;
            background-color: white;
            padding: 20px;
            border-radius: 5px;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
        }
        /* 段落样式 */
        p {
            margin-bottom: 10px;
            font-size: 14px;
        }
        /* 文本输入框和密码输入框样式 */
        input[type="text"],
        input[type="password"] {
            width: 100%;
            padding: 8px;
            border: 1px solid #ccc;
            border-radius: 3px;
        }
        /* 单选按钮样式 */
        input[type="radio"] {
            margin-right: 5px;
        }
        /* 提交按钮样式 */
        input[type="submit"] {
            background-color: #007bff;
            color: white;
            padding: 8px 15px;
            border: none;
            border-radius: 3px;
            cursor: pointer;
            margin-right: 10px;
        }
        input[type="submit"]:hover {
            background-color: #0056b3;
        }
    </style>
</head>
<body>
<form action="userServlet" method="get">
    <p style="text-align: center; font-size: 18px; font-weight: bold;">欢迎您注册</p>
    <p>姓名：<input type="text" name="userName" style="margin-top: 10px;"></p>
    <p>学号：<input type="text" name="student_id" style="margin-top: 10px;"></p>
    <p>密码：<input type="password" name="passWord"></p>
    <p>手机号：<input type="text" name="phone_number"></p>
    <p>性别：
        <input type="radio" value="男" name="sex">男
        <input type="radio" value="女" name="sex">女
    </p>
    <p>班级：<input type="text" name="Class"></p>
    <p>角色：
        <input type="radio" value="1" name="roleId">学生
        <input type="radio" value="2" name="roleId">管理员
    </p>
    <p>
        <input type="submit" value="提交" style="margin-right: 10px;">
        <input type="submit" value="重置">
    </p>
</form>
</body>
</html>